.arco-drawer {
  @apply !top-2 !right-2 !bottom-2 rounded-lg;
  height: auto !important;
  &-header {
    @apply !h-16 !px-5;
    border-color: #f2f3f5 !important;
    .arco-drawer-close-btn {
      @apply w-6 h-6 flex items-center justify-center;
    }
    .arco-icon-close {
       @apply w-4 h-4 ;
    }
  }
  &-title {
    @apply !text-sm !font-700 leading-6!;
  }
  &-body {
    @apply !p-5;
  }
  &-footer {
    @apply !p-5;
    border-color: #f2f3f5 !important;
    .arco-btn {
      @apply px-4!;
      &.arco-btn-secondary  {
        @apply bg-white border-color-2 text-color-1;
        &:hover {
         @apply bg-fill-2 border-color-2;
        }
      }
    }
  }
}
